import Vue from 'vue'
import Vuex from 'vuex'
import axios from 'axios';
import cart from './modules/cart'
Vue.use(Vuex)

export default new Vuex.Store({
  // 引入模块
  modules: {
    cart
  },
  state() {
    return {
      list: [],
      Classify: []
    }
  },
  //方法
  mutations: {
    //将请求到的手机数据存入list
    updateList(state, newList) {
      state.list = newList
      // console.log(state.list[0].num)
    },
    //将请求到的分类轮播图的数据存入Classify
    updateClassify(state, newClassify) {
      state.Classify = newClassify
    }
  },
  // 处理异步操作和提交mutations方法
  actions: {
    //请求手机数据
    getList(context) {
      axios.get('http://localhost:8090/data')
        .then(response => {
          context.commit('updateList', response.data)
        })
        .catch(error => {
          console.error('错误', error);
        });
    },
    //请求分类图片和轮播图数据
    getClassify(context) {
      axios.get('http://localhost:8090/classify/')
        .then(response => {
          context.commit('updateClassify', response.data)
          // console.log(response.data);
        })
        .catch(error => {
          console.error('错误', error);
        });
    }
  },

  getters: {},

})
